<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="UTF-8">
  <title>Document</title>
</head>

<body>
  <form action="https://search.jd.com/search" target="_blank">
    <!-- fieldset与legend的使用 -->
    <!-- 主要信息 -->
    <fieldset>
      <legend>主要分类</legend>
      <label for="zhanghu">账户：</label><input id="zhanghu" type="text" name="account" value="张三" maxlength="10"><br>
      <label>密码：<input type="password" name="pwd" value="123" maxlength="6"></label>
      <br>
      性别：
      <input type="radio" name="gender" value="male">男
      <input type="radio" name="gender" value="female" checked>女
    </fieldset>
    <br>
    <!-- 附加信息 -->
    <fieldset>
      <legend>附加信息</legend>
      爱好：
      <input type="checkbox" name="hobby" value="smoke" checked>抽烟
      <input type="checkbox" name="hobby" value="drink">喝酒
      <input type="checkbox" name="hobby" value="perm" checked>烫头<br>
      其他：
      <textarea name="other" cols="22" rows="3"></textarea><br>
      籍贯：
      <select name="place">
        <option value="冀">河北</option>
        <option value="鲁">山东</option>
        <option value="晋">山西</option>
        <option value="粤" selected>广东</option>
      </select>
    </fieldset>
    <input type="hidden" name="from" value="toutiao">
    <br>
    <button>确认</button>
    <input type="submit">
    <button type="reset">重置</button>
    <input type="reset">
    <button type="button">检测账户是否被注册</button>
    <input type="button" value="普通按钮">


  </form>
</body>

</html>